<template>
<!--评论组件-->
  <div class="commentText">
      <ul class="warp">
          <li class="use"><img :src="infoText.user.avatarUrl" alt=""></li>
          <li class="te" style='width=500px'>
              <p class="text"><span>{{infoText.user.nickname}}</span>{{infoText.content}}</p>
              <ul class="list">
                  <li class="time">时间{{new Date(infoText.time).toLocaleString()}}</li>
                  <li>点赞{{infoText.likedCount}}</li>
                  <li>分享</li>
                  <li>恢复</li>
              </ul>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    name:'comment',
    props:['infoText']
}
</script>

<style lang="less" scoped>
.commentText{
    ul{
        display:flex;
        margin: 0;
        padding: 0;
        li{
            font-family: 'Courier New', Courier, monospace;
            font-size:14px ;
            p{
                margin: 8px;
                line-height: 24px;
            }
        }
        ul.list{
            display:flex;
            flex-wrap: nowrap;
            li{
                margin: 0 10px;
            }
            li.te{
            }
        }
    }
    ul.warp{
        li{
            display: inline-block;
            img{
                width: 50px;
                border-radius: 50%;
            }
        }
    }
}
</style>